.middle{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.section{
    width: 1200px;
    height: 680px;
    margin-top: 30px;
    position: relative;
}
.zoomBox,
.section-left{
    float: left;
}
.imgBox{
    width: 434px;
    height: 508px;
    border: 1px solid #333;
    position: relative;
}
/*.imgBox .zoomIcon{
    width: 30px;
    height: 30px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}*/
.zoom{
    width: 434px;
    height: 508px;
    border: 1px solid #333;
    position: absolute;
    left: 456px;
    top: 0;
    display: none;
}
.scrollBox ul li{
    width: 78px;
    height: 78px;
    border: 1px solid #333;
    float: left;
    margin-left: 9px;
    cursor: pointer;
}
.scrollBox ul li:hover,
.scrollBox ul li.active{
    border: 1px solid #e0312a;
}
.zoomdiv {
    z-index: 999;
    position: absolute;
    /*top: -200px;
    left: 300px;*/
    width: 436px;
    height: 508px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    /*display:none;*/
    text-align: center;
    overflow: hidden;
}
div.jqZoomPup {
    z-index: 999;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 217px;
    height: 254px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}
.ulBox{
    margin-top: 20px;
}
.scrollBox ul li:first-child{
    margin-left: 0px;
}
.tm-action{
    margin-top: 33px;
    line-height: 36px;
    width: 436px;
    float: left;
    clear: both;
    font-size: 14px;
    color: #333;
}
.tm-action a{
    display: inline-block;
    color: #333;
}
.tm-action .iShare{
    margin-left: 27px;
}
.tm-action .favorite{
    margin-left: 40px;
}
.tm-action .report{
    float: right;
    margin-right: 25px;
}
.section-mid{
    width: 493px;
    height: 642px;
    margin-left: 20px;
    float: left;
}
.detail-hd h4{
    font-size: 16px;
    color: #333;
    font-weight: 700;
    line-height: 32px;
}
.detail-hd p{
    font-size: 16px;
    color: #9a1814;
    text-indent: 10px;
    line-height: 32px;
}
.bargain{
    width: 493px;
    height: 40px;
    background: #d8243a;
    margin-top: 17px;
}
.bargain img{
    width: 103px;
    height: 27px;
    display: inline-block;
    margin-left: 70px;
    margin-top: 7px;
    vertical-align: middle;
}
.bargain span{
    font-size: 12px;
    color: #fff;
    vertical-align: sub;
}
.fcs-panel{
    width: 493px;
    height: 135px;
    background: #e9e9e9;
    position: relative;
}
.coupon-panel img{
    margin-left: 10px;
    width: 58px;
    height: 16px;
    vertical-align: middle;
}
.coupon-panel img,
.coupon-panel a{
    display: inline-block;
    font-size: 12px;
    color: #e0312a;
}
.coupon-panel a:hover{
    text-decoration: underline;
}
.coupon-panel span{
    font-size: 12px;
    color: #333;
    line-height: 48px;
}
.coupon-panel a{
    float: right;
    margin: 16px;
    height: 16px;
}
.coupon-panel a i{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../img/go.png") center right no-repeat;
    vertical-align: sub;
    padding-left: 13px;
}
.price-panel{
    margin-bottom: 12px;
    height: 16px;
    font-size: 12px;
    color: #333;
}
.fcs-panel dl dt{
    width: 60px;
    margin-left: 10px;
    float: left;
    font-size: 12px;
    color: #333;
}
.fcs-panel dl dd{
    float: left;
}
.fcs-panel dl dd em{
    font-style: normal;
}
.fcs-panel .price-panel dd span{
    text-decoration: line-through;
}
.promo-panel{
    margin-bottom: 12px;
    height: 20px;
}
.promo-panel dt{
    margin-top: 5px;
}
.promo-panel dd em{
    font-size: 14px;
    color: #d8243a;
}
.promo-panel dd span{
    font-size: 18px;
    color: #d8243a;
}
.shopPromo-tit{
    font-size: 12px;
    color: #333;
    height: 20px;
    cursor: pointer;
}
.shopPromo-tit dd{
    color: #a98722;
    width: 423px;
}
.shopPromo-tit dd span{
    float: right;
    margin-right: 28px;
}
.shopPromo-tit dd span img{
    display: inline-block;
}
/*�����Żݴ���*/
.fcs-panel .floater-Box{
    width: 493px;
    position: absolute;
    left: -1px;
    top: 99px;
    z-index: 1;
    border: 1px solid #666;
    display: none;
}
.floater{
    height: 34px;
    background: #fff;
    line-height: 34px;
    border-bottom: 1px dashed #666;
}
.floater dd{
    font-size: 12px;
    color: #333;
    width: 423px;
}
.floater dd a,
.floater dd a img{
    display: inline-block;
}
.floater dd a{
    float: right;
    margin-right: 28px;
    color: #333;
}
.floater-Box .bd{
    background: #fff;
    color: #333;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.floater-Box .bd p{
    margin-left: 60px;
}
.floater-Box .bd b{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #333;
    display: inline-block;
}
.floater-Box .bd em{
    font-style: normal;
}

.choose-size{
    height: 60px;
}
.choose-size .size-tit{
    width: 66px;
    display: table-cell;
    text-indent: 8px;
    font-size: 12px;
    line-height: 60px;
}
.choose-size ul{
    width: 427px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
}
.choose-size ul li{
    float: left;
    cursor: pointer;
    padding: 2px 3px;
    border: 1px solid #333;
    margin-left: 8px;
}
.choose-size ul li:first-child{
    margin-left: 0px;
}
.choose-size ul li:hover,
.choose-size ul li.active{
    border: 1px solid #d8243a;
}
.delivery-panel{
    width: 493px;
}
.delivery-panel dl dt{
    width: 66px;
    font-size: 12px;
    color: #333;
    float: left;
    text-indent: 8px;
}
.delivery-panel dl dd{
    font-size: 12px;
    color: #333;
    width: 427px;
    float: left;
}
.delivery-panel dl dd select{
    color: #333;
    font-size: 12px;
    outline: none;
    border: none;
}
.delivery-panel dl dd a img{
    display: inline-block;
}
.delivery-panel dl dd .smallArea{
    margin-left: 15px;
}
.delivery-panel dl dd .package-mail{
    margin-left: 20px;
}
.ind-panel{
    width: 493px;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    padding: 10px 0;
    float: left;
    margin-top: 25px;
}
.ind-panel ul li{
    float: left;
    font-size: 12px;
    text-align: center;
}
.ind-panel ul li a{
    color: #333
}
.ind-panel ul li .count{
    color: #d8243a;
}
.ind-panel ul .integral .count{
    color: #389641;
}
.ind-panel ul .sales{
    width: 159px;
    border-right: 1px solid #333;
}
.ind-panel ul .evaluate{
    width: 166px;
}
.ind-panel ul .integral{
    width: 165px;
    border-left: 1px solid #333;
}
.sku .amount{
    margin-top: 35px;
    float: left;
}
.sku .amount dt{
    float: left;
    width: 66px;
    font-size: 12px;
    color: #666;
    text-indent: 8px;
    line-height: 36px;
}
.sku .amount dd span{
    font-size: 12px;
    color: #666;
}
.sku .amount dd input{
    width: 40px;
    height: 34px;
    border: 1px solid #666;
    text-align: center;
    line-height: 34px;
    float: left;
}
.sku .amount dd .amount-btn{
    width: 16px;
    height: 36px;
    float: left;
    margin-left: 5px;
}
.sku .amount dd .amount-btn span{
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #666;
    text-align: center;
    line-height: 14px;
    cursor: pointer;
}
.sku .amount dd{
    float: left;
    width: 425px;
}
.sku .amount dd .amount-widget{
    float: left;
}
.sku .amount dd .amount-btn .add{
    float: left;
}
.sku .amount dd .amount-btn .reduce{
    margin-top: 4px;
}
.sku .amount dd .amount-unit{
    float: left;
    line-height: 36px;
    margin-left: 8px;
}
.sku .amount dd .stock{
    float: left;
    margin-left: 22px;
    line-height: 36px;
}
.action{
    margin-top: 36px;
    float: left;
}
.action a{
    display: inline-block;
    width: 178px;
    height: 38px;
    border: 1px solid #e0312a;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
}
.action .buy{
    color: #e0312a;
    margin-left: 66px;
}
.action .shop-cart{
    color: #fff;
    background: #e0312a;
    margin-left: 12px;
}
.other-panel{
    width: 493px;
    height: 36px;
    line-height: 36px;
    float: left;
    margin-top: 50px;
    position: relative;
}
.other-panel dl{
    float: left;
}
.other-panel dl dt{
    width: 66px;
    float: left;
    color: #666;
    font-size: 12px;
    text-indent: 8px;
}
.other-panel dl dd{
    width: 335px;
    float: left;
}
.other-panel dl dd ul li{
    float: left;
    margin-left: 20px;
}
.other-panel dl dd ul li a{
    display: inline-block;
    font-size: 12px;
    color: #333;
}
.pay-box{
    width: 82px;
    float: left;
    font-size: 12px;
    color: #333;
}
.pay-box span img,
.pay-toggler span img{
    display: inline-block;
    width: 11px;
    height: 7px;
}
.pay-box span,
.pay-toggler span{
    cursor: pointer;
}
.pay-toggler .pay{
    float: right;
    margin-right: 28px;
    height: 26px;
    margin-top: -1px;
}
.pay-toggler{
    font-size: 12px;
    color: #333;
    width: 188px;
    height: 86px;
    background: #fff;
    border: 1px solid #666;
    position: absolute;
    right: 0;
    display: none;
}
.pay-toggler ul{
    float: right;
}
.pay-toggler ul li{
    float: left;
    height: 28px;
    margin-left: 15px;
}
.pay-toggler ul li a{
    display: initial;
}
.pay-toggler ul li a span{
    font-size: 12px;
    color: #333;
    margin-left: 2px;
}
.pay-toggler ul li a:hover span{
    text-decoration: underline;
}
.pay-toggler ul li a img{
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: sub;
}
.section .section-right{
    float: right;
    height: 680px;
}
.section-right{
    width: 160px;
}
.section-right .tit{
    width: 160px;
    height: 40px;
    position: relative;
}
.section-right .tit span{
    width: 160px;
    height: 0;
    border-bottom: 1px dotted #333;
    position: absolute;
    top:22px;
}
.section-right .tit h5{
    font-size: 18px;
    color: #333;
    width: 82px;
    text-align: center;
    background: #fff;
    line-height: 40px;
    position: absolute;
    right: 39px;
}
.goods-box ul li a,
.goods-box ul li a img{
    display: inline-block;
    width: 158px;
    height: 177px;
}
.goods-box ul li a{
    border: 1px dotted #333;
}
.goods-box .btn{
    width: 160px;
    height: 20px;
    float: left;
    position: relative;
}
.goods-box span{
    width: 38px;
    height: 20px;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
}
.goods-box .prev{
    background: url("../img/btn-top1.png") center no-repeat;
    right: 10px;
}
.goods-box .prev:hover{
    background: url("../img/btn-top2.png") center no-repeat;
}
.goods-box .next{
    background: url("../img/btn-bot1.png") center no-repeat;
    left: 10px;
}
.goods-box .next:hover{
    background: url("../img/btn-bot2.png") center no-repeat;
}
.goods-box .ul-box{
    height: 609px;
    overflow: hidden;
}
.goods-box ul{
    position: relative;
}
.goods-box ul li{
    margin: 12px 0;
    float: left;
    height: 179px;
}
.layout{
    width: 1200px;
    margin-top: 20px;
    float: left;
    margin-bottom: 50px;
}
.layout .section-right{
    height: 367px;
    float: left;
}
.mainwrap{
    width: 1006px;
    float: right;
    margin-top: 53px;
    position: relative;
}
.tabBox{
    width: 1004px;
    height: 56px;
    border: 1px solid #9d9d9d;
}
.tabBox ul li{
    border-right: 1px solid #9d9d9d;
    font-size: 24px;
    color: #333;
    float: left;
    padding: 13px 18px;
    cursor: pointer;
}
.tabBox ul li b{
    color: #2a2ee0;
}
.tabBox ul li.active span{
    color: #e0312a;
}
.pro-describe{
    width: 1004px;
    height: 356px;
    border-right: 1px solid #9d9d9d;
    border-left: 1px solid #9d9d9d;
    margin-top: -5px;
}
.date{
    width: 1004px;
    height: 56px;
    border: 1px solid #9d9d9d;
    font-size: 18px;
    color: #666;
    line-height: 56px;
    text-indent: 40px;
}
.pro-describe .name{
    font-size: 24px;
    color: #666;
    margin-left: 40px;
    line-height: 60px;
    margin-top: 5px;
}
.pro-describe .tit{
    margin-left: 40px;
    color: #666;
    font-size: 18px;
}
.pro-describe ul{
    margin-left: 40px;
}
.pro-describe ul li{
    font-size: 18px;
    color: #666;
    float: left;
    width: 318px;
    margin-top: 13px;
}
.pro-details-main .pic{
    width: 1006px;
}
.comment{
    /*position: absolute;*/
    display: none;
}
.pro-details-main{
    /*display: none;*/
}
.comment-describe{
    width: 1004px;
    height: 123px;
    border-right: 1px solid #9d9d9d;
    border-left: 1px solid #9d9d9d;
}
.score{
    width: 183px;
    margin-top: 18px;
    float: left;
    text-align: center;
    border-right: 1px dotted #999;
}
.score h5{
    font-size: 16px;
    color: #333;
}
.score strong{
    font-size: 36px;
    color: #ff6633;
}
.score span{
    width: 96px;
    height: 19px;
    display: block;
    background: url("../img/com_stars.png") center no-repeat;
    margin-left: 45px;
}
.tag-box{
    width: 820px;
    float: left;
}
.tag-label{
    width: 60px;
    height: 72px;
    text-align: center;
    float: left;
}
.tag-label span{
    width: 14px;
    font-size: 14px;
    color: #333;
    height: 72px;
    display: inline-block;
    line-height: 14px;
    margin-top: 25px;
}
.tag-list{
    width: 760px;
    height: 123px;
    float: left;
}
.tag-list ul{
    margin-left: 14px;
    margin-top: 20px;
    float: left;
}
.tag-list ul li{
    float: left;
    width: 114px;
    height: 38px;
    font-size: 14px;
    color: #cc3333;
    text-align: center;
    line-height: 38px;
    border: 1px solid #cc3333;
    margin-left: 10px;
    margin-bottom: 12px;
    cursor: pointer;
}
.tag-list ul li.active,
.tag-list ul li:hover{
    border: 1px solid red;
    background: rgba(255,0,0,0.2);
}
.toolbar{
    width: 1004px;
    height: 40px;
    background: #e9e9e9;
    border: 1px solid #9d9d9d;
}
.toolbar ul li{
    float: left;
    line-height: 40px;
    font-size: 18px;
    color: #666;
    margin-left: 12px;
}
.toolbar ul li span{
    cursor: pointer;
}
.toolbar ul li i{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../img/round2.png") center no-repeat;
}
.toolbar ul li i.active{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../img/round1.png") center no-repeat;
}
.toolbar-fr{
    float: right;
    width: 150px;
    position: relative;
}
.toolbar-fr input{
    visibility: hidden;
}
.toolbar-fr label{
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #666;
    position: absolute;
    top:4px;
    left: 1px;
    cursor: pointer;
}
.toolbar-fr label.active{
    background: url("../img/check.png") center no-repeat;
}
.toolbar-fr .left-context{
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
}
.toolbar-fr p{
    float: left;
}
.right-context{
    width: 72px;
    border: 1px solid #999;
    text-align: center;
    line-height: 22px;
    margin-top: 8px;
    margin-left: 5px;
    cursor: pointer;
}
.right-context span{
    height: 22px;
    font-size: 14px;
    color: #666;
}
.right-context i{
    width: 13px;
    height: 7px;
    display: inline-block;
    background: url("../img/symbol-bottom.png") center bottom no-repeat;
}
.hidden{
    width: 72px;
    height: 22px;
    font-size: 14px;
    color: #666;
    background: #fff;
    border: 1px solid #999;
    text-align: center;
    line-height: 22px;
    position: absolute;
    right: 12px;
    top:31px;
    display: none;
    cursor: pointer;
}
.com-list{
    width: 1006px;
    float: left;
    margin-bottom: 25px;
}
.com-list ul li{
    float: left;
    width: 1006px;
    height: 175px;
    border-bottom: 1px dashed #333;
}
.com-list ul li p{
    font-size: 14px;
    color: #333;
}
.com-list ul li .pic{
    height: 61px;
    margin-top: 38px;
}
.com-list ul li .text{
    width: 800px;
    height: 175px;
    display: table-cell;
    vertical-align: middle;
}
.com-list ul li img{
    float: left;
    margin-right: 18px;
    width: 60px;
    height: 61px;
    cursor: pointer;
}
.clear{
    width: 100px;
    display: table-cell;
}
.username{
    width: 106px;
    display: table-cell;
    vertical-align: middle;;
}
.username img{
    width: 60px;
    height: 61px;
    margin-left: 5px;
    margin-top: 10px;
}

.footer{
   overflow: hidden;
}

    /*�λ���ȯ*/
.GGK-main {
    width: 458px;
    height: 342px;
    text-align: center;
    background: url(../img/couponBg.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    left: 535px;
    top: 170px;
    z-index: 99999;
    display: none;
}
.GGK-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.GGK-header {
    padding: 39px 39px 0;
}
.GGK-title {
    font-size: 18px;
    color: #333;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 18px;
}
.GGK-subtitle {
    font-size: 14px;
    line-height: 14px;
    color: #8b8b8b;
    padding-bottom: 17px;
}
.GGK-content {
    padding-bottom: 25px;
}
.GGK-content-text {
    padding: 17px 0 10px;
    font-size: 14px;
    font-weight: 800;
    line-height: 14px;
    color: #000;
}
.GGK-content-text span{
    font-size: 14px;
}
.GGK-content-text span b{
    color: #dd2727;
}
.GGK-content-main {
    position: relative;
    overflow: hidden;
    height: 115px;
    width: 290px;
    text-align: center;
    margin: 0 auto;
}
.GGK-coupon-index {
    width: 100%;
    height: 115px;
    overflow: hidden;
    background: url(../img/coupon-bg.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    background-position: -3px -2px;
}
.GGK-error-text-container {
    height: 30px;
    padding: 5px 0;
}
.GGK-error-text{
    font-size: 14px;
    line-height: 15px;
    color: #fff;
}
.GGK-coupon-btn {
    width: 185px;
    height: 35px;
    background-color: #ccc;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    margin: 35px auto;
    cursor: all-scroll;
}
.GGK-scrape {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/coupon-pic.png) no-repeat;
    background-position: -5px 0;
    z-index: 2;
}
.GGK-footer {
    line-height: 48px;
    text-align: center;
    height: 48px;
}
.GGK-footer a{
    font-size: 14px;
    color: #8f8f8f;
    margin-left: 14px;
    width: 430px;
}
.GGK-footer .myCoupon{
    padding-left: 25px;
    background: url(//img.alicdn.com/tps/i3/TB1pepIJpXXXXaXXXXXT822FpXX-19-13.png) no-repeat;
    background-position: 0 3px;
    vertical-align: sub;
}
.GGK-footer .overdue{
    vertical-align: sub;
}